body {
  background-color: rgb(26, 26, 26);
  color: rgb(200, 200, 200);
}
img{
  user-select: none;
}
#minia{
  
  overflow: hidden;
}

#refrain img {
  width: 400px;
  position: absolute;
  z-index: -1;
  left: 48%;
  top: 10%;
  rotate: 45deg;
}

#couplet1 img {
  width: 410px;
  position: absolute;
  z-index: -1;
  left: 29%;
  top: -30%;
}

#refrain2 img {
  width: 353px;
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 10%;
  opacity: 0.5;
}

#couplet2 img {
  width: 800px;
  position: absolute;
  z-index: -1;
  left: 20%;
  top: -77%;
  opacity: 0.3;
  rotate: -45deg;
}

#prerefrain img {
  width: 300px;
  position: absolute;
  z-index: -1;
  left: 51%;
  top: 16%;
}

#refrain3 img {
  width: 340px;
  position: absolute;
  z-index: -1;
  left: 41%;
  top: -30%;
}
#saki{
visibility: hidden;
}


@media screen and (max-width: 1050px) {
  #introson {
    font-size: 2.5vw;
  }

  #refrain {
    font-size: 2.5vw;
  }

  #couplet1 {
    font-size: 2.5vw;
  }

  #refrain2 {
    font-size: 2.5vw;
  }

  #couplet2 {
    font-size: 2.5vw;
  }

  #prerefrain {
    font-size: 2.5vw;
  }

  #refrain3 {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 1806px) {
  #vide_vidéo1 .vide1,
  #vide_vidéo1 .vide2,
  #vide_vidéo1 .vide3,
  #vide_vidéo2 .vide1,
  #vide_vidéo2 .vide2,
  #introson img,
  #refrain img,
  #couplet1 img,
  #refrain2 img,
  #prerefrain img,
  #refrain3 img,
  #couplet2 img,
  #advisory {
    width: 0px;
  }
}

@media screen and (max-width: 750px) {
  .navbar__links {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 0;
    /* height:calc(100vh - 65px);   */
    height: auto;
    position: absolute;
    top: 50px;
    right: 0;
    background: var(--navbar-bg-color);
    transform: translateX(110%);
    transition: all 0.5s ease-in-out;
    box-shadow: 0px 28px 30px 0 rgb(34, 34, 34);
  }
}
@media screen and (max-width: 750px) {
  .shiro {
    width: 80vw;
    height: 50vh;
  }
}
.auteur{
  margin-top: 3rem;
}
#collaborateurs {
  margin-top: 7rem;
}


#saki.animate{
animation: transitexte 8s forwards;
}